import styles from './nav.less';
const Nav = () => {
  return (
    <div className={styles.nav}>
      <div className={styles.left}>
        <dl className={styles.classification}>
          <dt className={styles.title}>
            <a>所有商品分类</a>
          </dt>
          <dd className={styles.classification_list}>
            <dl>
              <dt className={styles.sort_bg}>
                <a>镇店之宝</a>
              </dt>
              <dd style={{ width: 600 }}>
                <div className={styles.menu_list}>
                  <ul>
                    <li>
                      <div className={styles.list_l}>
                        <a>本来推荐</a>
                      </div>
                      <div className={styles.list_r}>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2232-4974.html"
                            title="脆香红库尔勒香梨"
                          >
                            脆香红库尔勒{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2232-4537.html"
                            title="匠心品质奖"
                          >
                            匠心品质奖{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2232-4825.html"
                            title="VC水果"
                          >
                            VC水果{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2232-4885.html"
                            title="东南亚水果"
                          >
                            东南亚水果{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2232-3394.html"
                            title="车厘子/樱桃"
                          >
                            车厘子/樱桃{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2232-3388.html"
                            title="甜草莓"
                          >
                            甜草莓{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2232-4270.html"
                            title="100冰糖心"
                          >
                            100冰糖心{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2232-5114.html"
                            title="本来坚果"
                          >
                            本来坚果{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2232-4730.html"
                            title="泰森鸡肉"
                          >
                            泰森鸡肉{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2232-4271.html"
                            title="冰鲜尖货"
                          >
                            冰鲜尖货{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2232-3399.html"
                            title="厄瓜多尔白虾"
                          >
                            厄瓜多尔白虾{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2232-4255.html"
                            title="盐池滩羊"
                          >
                            盐池滩羊{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2232-4258.html"
                            title="三文鱼"
                          >
                            三文鱼{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2232-3828.html"
                            title="缤纷莓果"
                          >
                            缤纷莓果{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2232-3390.html"
                            title="李玉双大米"
                          >
                            李玉双大米{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2232-4733.html"
                            title="维他奶"
                          >
                            维他奶{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2232-4259.html"
                            title="香甜薯芋"
                          >
                            香甜薯芋{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2232-3870.html"
                            title="每日坚果"
                          >
                            每日坚果{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2232-4272.html"
                            title="广州酒家"
                          >
                            广州酒家{' '}
                          </a>
                        </em>
                        <em style={{ borderRight: 0 }}>
                          <a
                            href="http://www.benlai.com/list-43-2232-4538.html"
                            title="佛跳墙"
                          >
                            佛跳墙{' '}
                          </a>
                        </em>
                      </div>
                    </li>
                    <li>
                      <div className={styles.list_l}>
                        <a>品质生活</a>
                      </div>

                      <div className={styles.list_r}>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-57-4342.html"
                            title="环球尖货"
                          >
                            环球尖货{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-57-4347.html"
                            title="健身低卡"
                          >
                            健身低卡{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-57-4348.html"
                            title="忙里偷闲"
                          >
                            忙里偷闲{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-57-4349.html"
                            title="微醺时刻"
                          >
                            微醺时刻{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-57-4350.html"
                            title="食尚潮味"
                          >
                            食尚潮味{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-57-4789.html"
                            title="快手早餐"
                          >
                            快手早餐{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-57-4790.html"
                            title="煲剧拍档"
                          >
                            煲剧拍档{' '}
                          </a>
                        </em>
                        <em style={{ borderRight: 0 }}>
                          <a
                            href="http://www.benlai.com/list-43-57-4791.html"
                            title="宝宝辅食"
                          >
                            宝宝辅食{' '}
                          </a>
                        </em>
                      </div>
                    </li>
                    <li>
                      <div className={styles.list_l}>
                        <a>料理之味</a>
                      </div>

                      <div className={styles.list_r}>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2231-3413.html"
                            title="烛光晚餐"
                          >
                            烛光晚餐{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2231-3420.html"
                            title="中式家宴"
                          >
                            中式家宴{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2231-4305.html"
                            title="风味烤物"
                          >
                            风味烤物{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2231-4307.html"
                            title="治愈煎炸"
                          >
                            治愈煎炸{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2231-4310.html"
                            title="深夜解馋"
                          >
                            深夜解馋{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2231-4784.html"
                            title="地方风味"
                          >
                            地方风味{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-2231-4785.html"
                            title="新奇味蕾"
                          >
                            新奇味蕾{' '}
                          </a>
                        </em>
                        <em style={{ borderRight: 0 }}>
                          <a
                            href="http://www.benlai.com/list-43-2231-4786.html"
                            title="饕餮珍馐"
                          >
                            饕餮珍馐{' '}
                          </a>
                        </em>
                      </div>
                    </li>
                    <li>
                      <div className={styles.list_l}>
                        <a>有机食材</a>
                      </div>

                      <div className={styles.list_r}>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-658-1595.html"
                            title="有机精选"
                          >
                            有机精选{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-658-676.html"
                            title="有机肉禽"
                          >
                            有机肉禽{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-43-658-1503.html"
                            title="有机蔬菜"
                          >
                            有机蔬菜{' '}
                          </a>
                        </em>
                        <em style={{ borderRight: 0 }}>
                          <a
                            href="http://www.benlai.com/list-43-658-4431.html"
                            title="有机粮油副食"
                          >
                            有机粮油副食{' '}
                          </a>
                        </em>
                      </div>
                    </li>
                  </ul>
                </div>
              </dd>
            </dl>

            <dl>
              <dt className={`${styles.sort_bg} ${styles.sort_bg2014}`}>
                <a>水果</a>
              </dt>
              <dd style={{ width: 600 }}>
                <div className={styles.menu_list}>
                  <ul>
                    <li>
                      <div className={styles.list_l}>
                        <a>热门推荐</a>
                      </div>

                      <div className={styles.list_r}>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2420-2424.html"
                            title="菠萝凤梨"
                          >
                            菠萝凤梨{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2420-2425.html"
                            title="进口水果"
                          >
                            进口水果{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2420-2426.html"
                            title="莓果缤纷"
                          >
                            莓果缤纷{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2420-2427.html"
                            title="牛油果"
                          >
                            牛油果{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2420-2428.html"
                            title="热带水果"
                          >
                            热带水果{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2420-3889.html"
                            title="柑橘柚"
                          >
                            柑橘柚{' '}
                          </a>
                        </em>
                        <em style={{ borderRight: 0 }}>
                          <a
                            href="http://www.benlai.com/list-2419-2420-3899.html"
                            title="车厘子"
                          >
                            车厘子{' '}
                          </a>
                        </em>
                      </div>
                    </li>
                    <li>
                      <div className={styles.list_l}>
                        <a>精选水果</a>
                      </div>
                      <div className={styles.list_r}>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2434-2438.html"
                            title="火龙果"
                          >
                            火龙果{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2434-2439.html"
                            title="蓝莓树莓"
                          >
                            蓝莓树莓{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2434-2440.html"
                            title="梨"
                          >
                            梨{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2434-2441.html"
                            title="榴莲"
                          >
                            榴莲{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2434-2442.html"
                            title="芒果"
                          >
                            芒果{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2434-2443.html"
                            title="瓜果"
                          >
                            瓜果{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2434-2444.html"
                            title="枇杷"
                          >
                            枇杷{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2434-2445.html"
                            title="苹果"
                          >
                            苹果{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2434-2446.html"
                            title="葡萄/提子"
                          >
                            葡萄/提子{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2434-2448.html"
                            title="桃李杏枣"
                          >
                            桃李杏枣{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2434-2450.html"
                            title="椰青"
                          >
                            椰青{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2434-2521.html"
                            title="菠萝/凤梨"
                          >
                            菠萝/凤梨{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2434-2523.html"
                            title="柑/橘/柚"
                          >
                            柑/橘/柚{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2434-3696.html"
                            title="车厘子/樱桃"
                          >
                            车厘子/樱桃{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2434-4107.html"
                            title="冷冻水果"
                          >
                            冷冻水果{' '}
                          </a>
                        </em>
                        <em style={{ borderRight: 0 }}>
                          <a
                            href="http://www.benlai.com/list-2419-2434-2526.html"
                            title="更多水果"
                          >
                            更多水果{' '}
                          </a>
                        </em>
                      </div>
                    </li>
                    <li>
                      <div className={styles.list_l}>
                        <a>礼盒/组合</a>
                      </div>
                      <div className={styles.list_r}>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2430-2431.html"
                            title="水果礼盒"
                          >
                            水果礼盒{' '}
                          </a>
                        </em>
                        <em>
                          <a
                            href="http://www.benlai.com/list-2419-2430-2432.html"
                            title="水果组合"
                          >
                            水果组合{' '}
                          </a>
                        </em>
                        <em style={{ borderRight: 0 }}>
                          <a
                            href="http://www.benlai.com/list-2419-2430-2433.html"
                            title="原箱水果"
                          >
                            原箱水果{' '}
                          </a>
                        </em>
                      </div>
                    </li>
                  </ul>
                </div>
              </dd>
            </dl>
          </dd>
        </dl>

        <ul className={styles.nav_list}>
          <li>首页</li>
          <li>消费帮扶</li>
          <li>台创园</li>
        </ul>
      </div>
    </div>
  );
};

export default Nav;
